<template>
  <view
    class="item"
    v-for="(item, index) of getNumbers"
    :key="index"
  >
    <text class="title">{{ item }}</text>
  </view>
</template>

<script>
import { computed } from 'vue'
import { useStore } from 'vuex'

export default {
  setup () {
    const store = useStore()
    const getNumbers = computed(() => store.getters.getNumbers)

    return {
      getNumbers
    }
  }
}
</script>

<style lang="scss">
.item {
  border: 2px solid #ff6700;
  padding: 10px;


  .title {
    font-size: 40px;
  }
}
</style>
